import {Component} from "@angular/core";

@Component({
  selector: 'cs-slider',
  templateUrl: './slider.component.html',
  styleUrls: ['./slider.component.css']
})
export class SliderComponent {
  autoTicks = false
  disabled = false
  invert = false
  max = 100
  min = 0
  showTicks = false
  step = 1
  thumbLabel = false
  value = 0
  vertical = false

  private _tickInterval = 1

  get tickInterval(): number |'auto' {
    return this.showTicks ? (this.autoTicks ? 'auto' : this._tickInterval) : null
  }

  set tickInterval(v) {
    this._tickInterval = Number(v)
  }
}
